@media screen and (min-width: 320px) {
    html {
        font-size: 42px;
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 55px;
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 72px;
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

.el-tag {
    height: 0.24rem !important;
    line-height: normal !important;
    --el-tag-font-size: 0.12rem !important;
}
.el-card {
    --el-card-padding: 0.2rem !important;
}

.el-message {
    --el-message-padding: 0.11rem 0.15rem;
    gap: 0.08rem;
    max-width: calc(100% - 0.32rem);
    top: 0.2rem;
}
.el-icon {
    width: 0.16rem;
    height: 0.16rem;
    line-height: 0.16rem;
}
.el-message__content {
    font-size: 0.14rem;
}

.el-button {
    font-size: 0.14rem !important;
    height: 0.32rem !important;
}

.el-button,
.el-button.is-round {
    padding: 0.08rem 0.15rem !important;
}

.el-form-item__error {
    font-size: 0.12rem !important;
}

.el-input__wrapper {
    padding: 0.01rem 0.11rem !important;
}

.el-switch {
    height: 0.32rem !important;
    line-height: 0.2rem !important;
    font-size: 0.14rem !important;
}
.el-switch__label--left {
    margin-right: 0.1rem !important;
}
.el-switch__label--right {
    margin-left: 0.1rem !important;
}
.el-switch__core {
    height: 0.2rem !important;
    min-width: 0.4rem !important;
    border-radius: 0.1rem !important;
}
.el-switch__action {
    height: 0.16rem !important;
    width: 0.16rem !important;
    left: 0.01rem !important;
}
.el-switch__label {
    font-size: 0.14rem !important;
    height: 0.2rem !important;
}
.el-switch__label * {
    font-size: 0.14rem !important;
}

// .el-avatar {
//     --el-avatar-size:.4rem !important;
// }

.el-dropdown-menu {
    padding: 0.05rem 0 !important;
}

.el-dropdown-menu__item {
    line-height: 0.22rem !important;
    padding: 0.05rem 0.16rem !important;
}

:root {
    --el-font-size-base: 0.14rem;
    --el-menu-base-level-padding: 0.2rem !important;
    --el-menu-horizontal-sub-item-height: 0.36rem !important;
    --el-font-size-large: 0.18rem;
    --el-component-size-large: 0.4rem;
    --el-menu-horizontal-height: 0.6rem !important;
    --el-component-size: 0.32rem;
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
    padding-right: var(--el-menu-base-level-padding) !important;
}

.el-menu--popup {
    min-width: 2rem !important;
    padding: 0.05rem 0 !important;
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-sub-menu__title {
    padding: 0 0.1rem !important;
}

.el-dialog {
    --el-dialog-padding-primary: 0.16rem !important;
    .el-dialog__header {
        display: flex;
        align-items: center;
        .el-dialog__headerbtn {
            width: 0.48rem;
            height: 0.48rem;
            font-size: 0.16rem;
        }
    }
    .el-dialog__body {
        font-size: 0.14rem !important;
    }
    .el-dialog__footer {
        display: flex;
        justify-content: flex-end;
    }
}

.el-input {
    font-size: 0.14rem;
    .el-input__inner {
        --el-input-inner-height: calc(var(--el-input-height, 0.32rem) - 0.02rem) !important;
    }
}

.el-select--large .el-select__wrapper {
    min-height: 0.4rem !important;
    line-height: 0.24rem !important;
}

.el-header {
    --el-header-height: 0.6rem !important;
    --el-header-padding: 0 0.2rem !important;
}

.el-image {
    display: flex !important;
}

.el-radio-button--large .el-radio-button__inner {
    padding: 0.12rem 0.19rem !important;
}

.el-rate {
    --el-rate-height: 0.2rem !important;
    --el-rate-icon-size: 0.18rem !important;
    --el-rate-icon-margin: 0.06rem !important;
}

.el-result {
    --el-result-padding: 0.4rem 0.3rem !important;
    --el-result-icon-font-size: 0.64rem !important;
    --el-result-title-font-size: 0.2rem !important;
    --el-result-title-margin-top: 0.2rem !important;
    --el-result-subtitle-margin-top: 0.1rem !important;
    --el-result-extra-margin-top: 0.3rem !important;
}

.el-pagination {
    --el-pagination-font-size: 0.14rem !important;
    --el-pagination-border-radius: 0.02rem !important;
    --el-pagination-button-width: 0.32rem !important;
    --el-pagination-button-height: 0.32rem !important;
    --el-pagination-font-size-small: 0.12rem !important;
    --el-pagination-button-width-small: 0.24rem !important;
    --el-pagination-button-height-small: 0.24rem !important;
    --el-pagination-button-width-large: 0.4rem !important;
    --el-pagination-button-height-large: 0.4rem !important;
    --el-pagination-item-gap: 0.16rem !important;
}
.el-pagination__editor.el-input {
    width: 0.56rem !important;
}
.el-select__wrapper {
    font-size: 0.14rem !important;
    gap: 0.06rem !important;
    line-height: 0.24rem !important;
    min-height: 0.32rem !important;
    padding: 0.04rem 0.12rem !important;
}
.el-form-item {
    margin-bottom: 0.18rem !important;
    --font-size: 0.14rem !important;
}
.el-form-item__content {
    line-height: 0.32rem !important;
}

.el-form-item__label {
    height: 0.32rem !important;
    line-height: 0.32rem !important;
}

.el-tabs {
    --el-tabs-header-height: 0.4rem !important;
}
.el-tabs__header {
    margin: 0 0 0.15rem;
}
